<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hotel Management System</title>
<link href="./css/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
	.container {
		height:95vh;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	body {
		background-color: rgb(4,202,227);
	}
	caption {
		text-align: center;
	}
	.m-l{
		margin-left: 60px;
	}
	.row{
		border: 0px solid black;
		box-shadow:  0px 0px 10px black;
		border-radius: 12px;
		padding: 5px ;
	}
</style>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-xs">
		<s:form action="login" method="post" theme="simple" cssClass="form" role="form">
			<table border="0px" cellpadding="3" >
				<caption><h3>用户登录</h3></caption>
				<tr>
					<td>
					
					  	<label class="form-label">登录ID</label>
					
					</td>
					<td>
					<div class="form-group">
						<div class="input-group">
							<span class="input-group-addon">
									<img src="./image/me.svg" style="width:15px;heigth:15px;"  />
							</span>
							<s:textfield  class="form-control" name="id" size="21"/>
						</div>
					</div>
					</td>
				</tr>
				<tr>
					<td>
						<label class="form-label">密&nbsp;&nbsp;码</label>
					</td>
					<td>
						<div class="form-group">
							<div class="input-group">
								<span class="input-group-addon"><img src="./image/keys.svg" style="width:15px;heigth:15px;"></span>
								<input class="form-control" type="password" name="password" size="21" required />
							</div>
							
						</div>
						
					</td>
				</tr>
				<tr style="margin-bottom: 5px;">
					<td></td>
					<td><span class="text-danger"><s:property value="#session['errormessage']" /></span></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
				</tr>
			
				<tr>
					<td></td>
					<td>
					
						<s:submit value="登录" class="btn"/>
						<s:reset value="取消" class="btn m-l"/>
					</td>
				</tr>
			</table>
		</s:form>
		</div>
		</div>
	</div>
	
<script type="text/javascript" src="./js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
</body>
</html>